<template>
	<div class="guide-introduction">
		<a-catalog>
			<q-list>
				<q-item v-for="list in 10" :key="list">
					<a-catalog-item :log-item-label="'docssssssss-'+list">
						<h4>docssssssss-{{list}} title</h4>
						<p v-for="p in 50" :key="p">{{p}} doc-{{list}} text in this</p>
						<a-catalog-item :log-item-label="'doc-' + list + i" v-for="i in 5" :key="list+'-'+i"></a-catalog-item>
					</a-catalog-item>
				</q-item>
			</q-list>
		</a-catalog>
	</div>
</template>
<script>
	import ACatalog from '../../components/ACatalog';
	import ACatalogItem from '../../components/ACatalogItem';

	export default {
		name: 'GuideIntroduction',
		components:{
			ACatalog,
			ACatalogItem,
		},
		methods:{
		}
	}
</script>
